<template>
  <el-row class="tac">
    <el-col :span="16" class="my-sider-col">
      <el-menu
        :router="true"
        background-color="#545c64"
        class="my-menu"
        default-active="/back/userManage"
        menu-trigger="click"
        mode="horizontal"
      >
        <el-menu-item class="my-sider-menu-item" index="/back/userManage">
          <i class="el-icon-user"></i>
          <span slot="title">用户管理</span>
        </el-menu-item>
        <el-menu-item class="my-sider-menu-item" index="/back/articleManage">
          <i class="el-icon-tickets"></i>
          <span slot="title">文章管理</span>
        </el-menu-item>
        <el-menu-item class="my-sider-menu-item" index="/back/tagManage">
          <i class="el-icon-price-tag"></i>
          <span slot="title">标签管理</span>
        </el-menu-item>
        <el-menu-item class="my-sider-menu-item" index="/back/categoryManage">
          <i class="el-icon-menu"></i>
          <span slot="title">分类管理</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
</template>

<style>
.el-col {
  border-radius: 4px;
}
.my-sider-col {
  width: 100%;
}
.my-sider-menu-item {
  width: 100%;
}
</style>
